<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" dir="ltr">  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>  
<title></title>
<link href="__STATIC__/mobile/css/jquery.touchPDF.css" rel="stylesheet" media="screen" />  
<script type="text/javascript" src="__STATIC__/mobile/js/pdf.compatibility.js"></script>
<script type="text/javascript" src="__STATIC__/mobile/js/pdf.js"></script>
<script type="text/javascript" src="__STATIC__/mobile/js/jquery.min.js"></script>
<script type="text/javascript" src="__STATIC__/mobile/js/jquery.touchSwipe.js"></script>
<script type="text/javascript" src="__STATIC__/mobile/js/jquery.touchPDF.js"></script>
<script type="text/javascript" src="__STATIC__/mobile/js/jquery.panzoom.js"></script>
<script type="text/javascript" src="__STATIC__/mobile/js/jquery.mousewheel.js"></script>
<style>
	body , html{
		background-color: #404040;
		height: 100%;
		width:100%;
		padding: 0;
		margin: 0;
	}
    .del{
    	background-image: url(__STATIC__/mobile/img/del.png);
    	background-size: 100% 100%;
    	width:50px;
    	height:50px;
    	position: fixed;
	    right: 10px;
	    bottom: 3%;
	    z-index: 999;
    }
</style>   
</head>  
<body>
<div id="myPDF" style="height: 95%; width: 95%; margin: auto;"></div>
<div class="del"></div>   
</body>
<script>
	$(function() {
		$("#myPDF").pdf( {
			source: "__STATIC__/uploads/{$data.file_path}"
		});

		$(".del").click(function(){
			parent.layer.close(0);
		});
	});
</script>  
</html>  